.mlr32 {
	margin: 0 32rpx;
}

// 顶部背景
.bg-top {
	width: 750rpx;
	height: 578rpx;
	background: linear-gradient(#FF7733, #FFCFB7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

// 顶部菜单
.nav-title {
	color: white;
	display: flex;
	align-items: center;
	font-size: 32rpx;
}

// 搜索框
.search-box {
	background-color: #fff;
	border-radius: 40rpx;
	padding: 20rpx 24rpx;
	font-size: 24rpx;
	display: flex;
	align-items: center;
	margin-top: 34rpx;

	.address {
		margin-right: 40rpx;
		display: flex;
		align-items: center;

		.text {
			display: inline-block;
			margin-left: 6rpx;
			width: 48rpx;
			overflow: hidden;
			white-space: nowrap;
		}
	}

	.input-box {
		width: 432rpx;
		border-right: 2rpx solid #B7B7B7;
	}

	.search-icon {
		margin-left: 40rpx;
		font-size: 40rpx;
	}
}

// 轮播图
.swiper-box {
	height: 328rpx;
	margin-top: 36rpx;
	border-radius: 12rpx;
	overflow: hidden;
	box-shadow: 0rpx 4rpx 12rpx 2rpx rgba(1, 12, 27, 0.04);

	.wx-swiper-dot {
		width: 7rpx !important;
		height: 7rpx !important;
		border-radius: 6rpx !important;
	}

	.wx-swiper-dot-active {
		width: 16rpx !important;
		height: 8rpx !important;
		border-radius: 6rpx !important;
	}
}

// banner
.banner {
	margin: 24rpx 32rpx 0;
	height: 148rpx;

	&-img {
		width: 100%;
		height: 100%;
	}
}

// 金刚区 大
.big-quick-link {
	display: flex;
	align-items: center;
	gap: 14rpx;
	margin-top: 24rpx;

	.big-item {
		flex: 1;
		display: flex;
		align-items: center;
		gap: 24rpx;
		font-size: 28rpx;
		font-weight: bold;
		color: #202327;
		padding: 24rpx 28rpx;
		background-color: white;
		box-shadow: 0rpx 2rpx 20rpx 2rpx rgba(1, 12, 27, 0.04);
		border-radius: 12rpx;

		.icon {
			width: 112rpx;
			height: 112rpx;
			background-color: plum;
			display: flex;
			align-items: center;
			justify-content: center;
			background: linear-gradient(to bottom left, #FFAB6B, #FF7733);
			border-radius: 22rpx;
		}
	}
}

// 金刚区 小
.small-quick-link {
	margin-top: 24rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	padding: 32rpx 24rpx;
	box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(1, 12, 27, 0.04);
	font-size: 24rpx;
	color: rgba(6, 2, 26, 0.60);
	border-radius: 12rpx;

	.small-item {
		text-align: center;

		.icon {
			width: 46rpx;
			height: 46rpx;
		}

		.text {
			margin-top: 12rpx;
		}
	}
}

// 标题
.container-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 24rpx;
	margin-bottom: 24rpx;

	.content {
		font-size: 24rpx;
		color: #20232799;
	}

	.title {
		font-size: 28rpx;
		font-weight: bold;
		color: #202327FF;
		margin-right: 12rpx;
	}
}

// 家政护理
.service-cover {
	width: 686rpx;
	height: 240rpx;
	border-radius: 12rpx;
	overflow: hidden;
}

// 新势力速递
.new-forces-box {
	display: flex;
	align-items: center;
	gap: 12rpx;
	overflow-x: auto;

	.new-forces-item {
		width: 220rpx;
		box-shadow: 0rpx 6rpx 20rpx 2rpx rgba(1, 12, 27, 0.06);
		border-radius: 12rpx;
		display: flex;
		align-items: center;
		flex-direction: column;
		padding: 12rpx 0;

		.cover {
			width: 156rpx;
			height: 156rpx;
			margin-bottom: 12rpx;
		}

		.btn-box {
			width: 192rpx;
			height: 48rpx;
			font-size: 20rpx;
			padding: 0;
			border-radius: 22rpx;
		}
	}
}

.goods-title {
	margin-top: 24rpx;
	font-size: 28rpx;
	font-weight: bold;
	color: #202327FF;
}
.tips {
	position: absolute;
	top: 110rpx;
	left: 110rpx;
  }
  
  .line {
	width: 255rpx;
	height: 275rpx;
  
  }
  
  .box {
	width: 584rpx;
	height: 1062rpx;
  
	margin: 0rpx 84rpx 0;
  
  
  
  
	.addBox {
	  width: 584rpx;
  
	  box-sizing: border-box;
	  padding: 60rpx 40rpx;
	  margin-top: -10rpx;
	  background: #FFFFFF;
	  border-radius: 32rpx;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
  
	  .title {
		font-size: 32rpx;
  
		font-weight: bold;
		color: rgba(3, 16, 14, 0.9);
		display: flex;
		align-items: center;
  
		.shareBtn {
		  width: 72rpx;
		  height: 48rpx;
		  margin: 16rpx;
		}
	  }
  
	  .addTips {
		margin-top: 26rpx;
		font-size: 28rpx;
  
		color: rgba(3, 16, 14, 0.9);
	  }
  
	  .center {
		margin-top: 60rpx;
	  }
  
	  .arrow {
		margin-top: 24rpx;
	  }
  
	  .projectIcon {
		margin-top: 24rpx;
		width: 504rpx;
		height: 194rpx;
		background: rgba(213, 213, 213, 0.3);
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	  }
	}
  }